<div>
    <ol class="breadcrumb" >
        <li> <i class="fa fa-anchor"></i>
            &nbsp;大数据统计
        </li>
        <li>充电记录列表</li>
        <li style="float: right"><a  href="javascript:history.go(-1);">返回</a></li>
    </ol>
    <div class="panel">
        <div class="panel-heading" >
            <i class="fa fa-list"></i>
            &nbsp;&nbsp;详细信息表
        </div>
        <form class="search-form" action={:U("Statistics/charge_list")} method="get">
            <div class="panel-body search-panel-body retract"  >
                <div class="col-xs-10 search-col">
                    <div class="input-group">
                        <span class="input-group-addon">时间段</span>
                        <input type="text" class="form-control required form_month" placeholder="点击选择" name="start_time" value="{$_GET['start_time']}"  data-date-format="yyyy-mm-dd" data-link-format="yyyy-mm-dd">
                        <span class="input-group-addon">~~</span>
                            <input type="text" class="form-control required form_month" placeholder="点击选择" value="{$_GET['end_time']}" name="end_time"  data-date-format="yyyy-mm-dd" data-link-format="yyyy-mm-dd">
                        <span class="input-group-addon">卡号</span>
                        <input type="text" name="user_card" class="form-control" value="{$_GET['user_card']}" maxlength="20" placeholder="会员卡号">
                        <span class="input-group-addon">设备地址</span>
                        <input type="text" name="key_link" class="form-control" value="{$_GET['key_link']}" maxlength="16" placeholder="设备地址">
                    </div>          
                </div>
                <div class="col-xs-2 search-col">
                    <button  type="submit" class="btn btn-warning">
                        <i class="fa fa-search"></i>
                        &nbsp;搜索
                    </button>
                </div>
                </div>
            </div>    
        </form>
        <table  class="table table-bordered table-striped table-mcit" >
            <thead>
            <tr>
                <th>
                    <button class='btn btn-block btn-mcit'>ID</button>
                </th>
                <th>
                    <button class='btn btn-block btn-mcit'>会员卡号</button>
                </th>
                <th>
                    <button class='btn btn-block btn-mcit'>站点名称</button>
                </th>
                <th>
                    <button class='btn btn-block btn-mcit'>所在地</button>
                </th>                
                <th>
                    <button class='btn btn-block btn-mcit'>设备地址</button>
                </th>
                <th>
                <button class='btn btn-block btn-mcit'>执行状态</button>
                </th>
                <th>
                    <button class='btn btn-block btn-mcit'>记录时间</button>
                </th>
                <th width="10%">
                    <button class='btn btn-block btn-mcit'>操作</button>
                </th>
            </tr>
            </thead>
            <tbody id="DataTableContent">
            <empty name="charge">
                <td colspan="99" style="text-align:center" class="danger"> <strong><i class="fa fa-meh-o"></i>
                    &nbsp;&nbsp;当前条件下没有数据</strong>
                </td>
                <else />
                <volist name="charge" id="data">
                    <tr>
                        <td>{$data.id}</td>
                        <td>{$data.user_card}</td>
                        <td title="{$data.plantAddr}">{$data.plantName}</td>
                        <td>{$data.region_text}</td>
                        <td>{$data.key_link}</td>
                        <td>
                            <if condition="$data.type eq 1">
                                <span style="color: green;">开始</span>
                            <else />
                                <span class="color: #FF0000;">结束</span>
                            </if>    
                        </td>
                        <td>{$data.time}</td>
                        <td>
                            <a class="btn btn-success btn-sm" href="__URL__/charge_detail/id/{$data.id}">
                                <i class="fa fa-eye"></i>
                                &nbsp;查看
                            </a>
                        </td>
                    </tr>
                </volist>
            </empty>
            <tr>
                <td colspan="99" style="text-align:center">
                    <ul class="pagination">{$pageView}</ul>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
</div>
<import type='css' file="css.datetimepicker" />
<import file="js.bootstrap-datetimepicker#min" />
<import file="js.bootstrap-datetimepicker#zh-CN" />
<import file="js.jquery#chained" />
<import file="js.maskedinput" />
<script type="text/javascript">
    $(document).ready(function () {

        $(".form_month").datetimepicker({
            language: 'zh-CN',
            autoclose: true,
            startView:'month',
            minView: 'month',
            todayBtn: true,
            viewSelect: 'year',
            pickerPosition: "bottom-left"
        });

    });
</script>